<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>Explore · LEARN</title>
        <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body style="background-color: #f8f6e9; font-family: Times New Roman">
        <div class="container">
            <nav class="navbar navbar-expand">
                <a class="navbar-brand" href="#">
                    <img src="/static/img/BigLogo.png" height="80" class="d-inline-block align-top">
                </a>
                <ul class="navbar-nav ml-md-auto">
                    <img src="" height="80" class="rounded-circle" id="profile">
                </ul>
                <div class="ml-3">
                    <h4 class="nav-item" id="username"></h4>
                    <a href="/signin.htm" id="logout">Logout</a>
                </div>
            </nav>
            <div class="row">
                <div class="col-3 list-group">
                    <li class="list-group-item p-5 text-center bg-light border border-primary"><a href="#"><h2>Explore</h2></a></li>
                    <li class="list-group-item p-5 text-center"><a href="/mywork.htm"><h2>My Work</h2></a></li>
                    <li class="list-group-item p-5 text-center"><a href="/startwork.htm"><h2>Start Work</h2></a></li>
                </div>
                <div class="col">
                    <div class="card text-center p-2 m-2 text-muted" id="hint">You may interest.</div>
                </div>
            </div>
            <footer class="my-3 pt-3 text-muted text-center text-small">
                <p class="mb-1">&copy;Learners' Engineering and Research Network</p>
            </footer>
        </div>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.bundle.min.js"></script>
        <script src="/static/js/explore.js"></script>
    </body>
</html>
